$f32:.32rem;
$h80:.80rem;
$backgroundColor-0:#000;
$color_f:#fff;
$tc:center;
$lh80:.80rem;
$f28:.28rem;
$bgBlue:#1260f6;
$border-blue:.02rem solid #315bc1;
html,
body {
  width: 100%;
  height: 100%;
}

body {
  background: -webkit-linear-gradient(#0e0a2e, #251f5b);
  background: -o-linear-gradient(#0e0a2e, #251f5b);
  background: -moz-linear-gradient(#0e0a2e, #251f5b);
  background: linear-gradient(#0e0a2e, #251f5b);
  position: absolute;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: hidden;
}
.top {
  position: fixed;
  width:100%;
  top: 1.7rem;
  right: 1%;
  background: #0e0a2e;
  z-index: 20;
}
.include{
  border:1px solid rgba(121, 196, 238, .35);
  padding: .20rem .20rem .60rem .20rem;
  margin-top: .25rem;
  background:#2f3c86;
}
.pie-box {
  position: relative;

  .query-time {
    position: absolute;
    z-index: 2;
    top: 20%;
    ul {
      li {
        margin-bottom: .10rem;
        &.active {
          p:nth-child(2) {
            background: #ED7D31;
          }
        }
        p:nth-child(1) {
          font-size: .24rem;
          color: #138cef;
          width: 1rem;
          text-align: right;
        }
        p:nth-child(2) {
          width: .25rem;
          height: .20rem;
          background: rgba(174, 174, 174, .5);
          margin-top: .10rem;
          margin-left: .20rem;
          border-radius: .04rem;
        }
      }
    }
  }
} //表单样式
.error {
  color: red;
  font-size: .26rem;
  margin-top: .20rem;
  margin-bottom: .20rem;
  transition: all linear .5s;
  -webkit-transition: all linear .5s;
  text-indent: 2%;
}

.form-style {
  padding: 3%;
  margin-top: .60rem;

  .form-group {

    border-bottom: $border-blue;
    color: #37dfbb;
    span {
      display: inline-block;
      line-height: .70rem;
      height: .70rem;
      font-size: $f28;
      width: 20%;
      text-indent: 2%;
    }
    input {
      width: 80%;
      height: .40rem;
      margin-top: .15rem;
      border: 0;
      font-size: $f28;
      background: #151c4a;
      color: #37dfbb;
    }
  }
}

.form-btn {
  line-height: $lh80;
  height: $h80;
  background: #1260f6;
  color: $color_f;
  display: inline-block;
  width: 100%;
  text-align: $tc;
  font-size: $f32;
  margin-top: .40rem;
}

.list {
  ul {
    li {
      line-height: .80rem;
      border-bottom: $border-blue;

      p {
        float: left;
        color: #57f09e;
        text-indent: 3%;
      }
      img {
        float: right;
        width: .40rem;
        height: .40rem;
        margin-right: 3%;
        margin-top: .20rem;
      }
    }
  }
}

.head {
  height: .80rem;
  background: $bgBlue;
  line-height: .80rem;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: .36rem;
  a {
    width: 20%;
    height: .80rem;
    display: inline-block;
    position: absolute;
    left: 0;
    color: #fff;
    i {
      width: .40rem;
      height: .40rem;
      position: relative;
      right: 21%;
    }
  }
}

.hot-pic-passenger {
  width: 94%;
  margin: 0 auto;
  margin-bottom: 1rem;
  position: relative;
  .hot-pic-query {
    position: absolute;
    z-index: 2;
    left: 3%;
    width: 39%;
    top: 12%;
    ul {

      li {
        line-height: .60rem;
        p {

          &:nth-child(1) {
            font-size: .24rem;
            color: #138cef;
            width: 75%;
            text-align: right;
            margin-right: .10rem;
          }
          &:nth-child(2) {
            width: .25rem;
            height: .20rem;
            margin-top: .15rem;
            background: rgba(174, 174, 174, 0.5);
            border-radius: .06rem;
          }
        }
        &.active {
          p:nth-child(2) {
            background: #ED7D31;
          }
        }
      }
    }
  }
}
